<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" href="css/main.css">
	<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="js/main.js"></script>
</head>

<body>
	<div class="ng-toolbar">
		<div class="ng-toolbar-con wrapper">
			<div class="ng-toolbar-left">
				<a href="#" class="ng-bar-node ng-bar-node-backhome" id="ng-bar-node-backhome" name="public0_none_dbgjt_fhyisy01" style="display: block;"> <i class="ng-iconfont ng-backhome"></i>
					<span>返回中国食品招商网首页</span>
				</a>
			</div>
			<div class="ng-toolbar-right">
				<!-- 登录注册 -->
				<a href="javascript:void(0)" class="ng-bar-node username-bar-node username-bar-node-showside" id="username-node" rel="nofollow" style="display:none;">
					<span id="usernameHtml01"></span> <em class="hasmsg ng-iconfont"></em>
				</a>

			</div>
			<div id="ng-minicart-slide-box"></div>
		</div>
	</div>
	<div class="head-bg">
		<div class="banner">
			<p class="head-words title-words">投诉与建议</p>
			<p class="head-words">COMPLAINTS AND SUGGESTIONS</p>
			<p class="head-words2">你的参与将帮助我们改进产品及服务</p>
		</div>
		<!-- back-->
	</div>

	<div class="cont-wrap">
		<form action="" >

			<div class="step main-sel">
				<h3 class="clearfix">
					<!-- <i class="title-icon">1.</i>
				-->
				<span class="title-span">请选择你的反馈类型</span>
				<!--                 <span class="title-must">*</span>
			-->
		</h3>
		<ul class="ul-items step-cont clearfix">
			<li name="ul-item-1-2" class="ul-item" data-type="1">
				举报不良信息
				<i></i>
			</li>
			<li name="ul-item-1-2" class="ul-item" data-type="2">
				控诉侵权信息
				<i></i>
			</li>
			<li name="ul-item-3-4-5" class="ul-item" data-type="3">
				意见建议反馈
				<i></i>
			</li>
			<li name="ul-item-3-4-5" class="ul-item" data-type="4">
				服务投诉
				<i></i>
			</li>
			<li name="ul-item-3-4-5" class="ul-item" data-type="5">
				其它投诉
				<i></i>
			</li>
		</ul>
	</div>

	<div id = 'content-3-4-5'>
		<div class="step main-sel clearfix">
			<h3>
				<i class="title-icon">1.</i>
				<span class="title-span">用户名 ：&nbsp;&nbsp;&nbsp;</span>
				<span>
					<input type="text" class="cover-input cover-input-name" data-place="" value="" />
				</span>
				<span style="color: red">*</span>
				<span>
					如果没有，可以 
					<a href="" style="color:#ff9722">立即注册</a>
				</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<i class="title-icon">2.</i>
				<span class="title-span">请详细描述您的意见、建议、问题等</span>
				<span style="color: red">*</span>
			</h3>

			<textarea class="text-area step-cont" data-place=""></textarea>
			<div class="num-tips">
				<!-- 输入多少字提示-->
				<span class="text-num"> <em class="num-current">0</em>
					/
					<em class="whole-num">500</em>
				</span>
			</div>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<i class="title-icon">3.</i>
				<span class="title-span">请留下你的联系方式，以便我们及时反馈您的投诉和建议</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<span class="title-span2">电子邮箱</span>
				<span>
					<input type="text" class="cover-input " data-place="" value=""  />
				</span>
				<span style="color: red">*</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<span class="title-span2">手机号码</span>
				<span>
					<input type="text" style="width: 16%" class="cover-input" data-place="" value="" />
				</span>
				<span>
					<a href="javascript:alert('获取验证码')" style="color:#ff9722">获取短信验证码</a>
				</span>
				<span style="color: red">*</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<span class="title-span2" style="margin-left: 39px;">输入短信验证码</span>
				<span>
					<input type="text" style="width: 16%" class="cover-input" data-place="" value="" />
				</span>
			</h3>
		</div>
	</div>

	<div id = 'content-1-2'>
		<div class="step main-sel clearfix">
			<h3>
				<i class="title-icon">1.</i>
				<span class="title-span">用户名 ：&nbsp;&nbsp;&nbsp;</span>
				<span>
					<input type="text" class="cover-input cover-input-name" data-place="" value="  请输入你的用户名方便我们更好服务" />
				</span>
				<span style="color: red">*</span>
				<span>
					如果没有，可以
					<a href="" style="color:#ff9722">立即注册</a>
				</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<i class="title-icon">2.</i>
				<span class="title-span">举报链接 ：</span>
				<span>
					<input type="text" class="cover-input cover-input-name" data-place="" value="  请输入你的用户名方便我们更好服务" />
				</span>
				<span style="color: red">*</span>
				<span></span>
			</h3>
		</div>

		<div class="step step-image">
			<h3 class="clearfix">
				<i class="title-icon">3.</i>
				<span class="title-span">
					如果用图片来说明问题，请上传
					<em>（最多3张哦）</em>
				</span>
				<div class="error-place clearfix l hide">
					<i class="error-icon"></i>
					<span class="error-span" data-max="最多只能上传3张图片哦！" data-size="上传的图片大小不能超过5M哦！">最多只能上传3张图片哦！</span>
				</div>
			</h3>
			<ul class="upload-img step-cont clearfix">
				<li style="position: relative;" class="add-upload" name="s_suning_report_tupian">
					<a class="" style="position: relative; z-index: 1;" id="js-uploader" href="javascript:void(0);"></a>
					<div style="position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; overflow: hidden; z-index: 0;" class="moxie-shim moxie-shim-html5" id="html5_1ao8bhs3s1sao10a1hkjs431n393_container">
						<input id="upload" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept="image/jpeg,image/gif,image/png,image/bmp" type="file"></div>
				</li>
			</ul>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<i class="title-icon">3.</i>
				<span class="title-span">请留下你的联系方式，以便我们及时反馈您的投诉和建议</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<span class="title-span2">电子邮箱</span>
				<span>
					<input type="text" class="cover-input " data-place="" value=""  />
				</span>
				<span style="color: red">*</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<span class="title-span2">手机号码</span>
				<span>
					<input type="text" style="width: 16%" class="cover-input" data-place="" value="" />
				</span>
				<span>
					<a href="javascript:alert('获取验证码')" style="color:#ff9722">获取短信验证码</a>
				</span>
				<span style="color: red">*</span>
			</h3>
		</div>

		<div class="step main-sel clearfix">
			<h3>
				<span class="title-span2" style="margin-left: 39px;">输入短信验证码</span>
				<span>
					<input type="text" style="width: 16%" class="cover-input" data-place="" value="" />
				</span>
			</h3>
		</div>
	</div>
	<div class="step main-sel clearfix">
		<h3>
			<span class="title-span2" style="margin-left: 21%;">
				<input type="submit" value="提交" class="input-submit"/>
			</span>
		</h3>
	</div>
</form>
</div>
<script type="text/javascript"></script>
</body>
</html>